@charset "utf-8";
/* CSS Document */
.tleft {text-align: left!important;}
.strong {font-weight:bold;}
.LoginPanel {width:auto;max-width:500px;margin:0 auto;float:none}
.tophead {
	height:30px;
	background-color: rgb(3, 63, 131);
}
.tophead .row {margin:0}
.wvpecutop {
	width:1140px;
	margin:0 auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-end;
}
.routing, .onlinebank {
	color:#fff;
	font-size:14px;
	font-weight: bold;
	line-height:30px;
	padding:0 12px;
}
.onlinebank a {color:#fff;}
.onlinebank a:hover {color:#fbd504;}
.heading-tertiary {
	font-size:1.5em;
	font-weight:bold;
	text-align: center;
	color:#033f83;
}
.hero {
}
.splashpane {
	height:50vh;
	width:100%;
	margin:0;
	padding:0;
	background:url("../../../Images/bridge2.jpg") no-repeat center 20%;
	background-size: cover;
}
.tbanner {
	border-top:3px solid #033f83;
	background-color:#dfeeff ;
}
#mainHeader-inner {
	background-image: url("../../../Images/building.png");
	background-repeat: no-repeat;
	background-position: right;
}
.homeitems, .homeitemslower {
	display: flex;
	align-items: center;
	justify-content:space-around;
	flex-direction: row;
	flex-wrap:nowrap;
	max-width:1100px;
	margin:40px auto;
}
.firstr {
	padding:0px;
	height:200px;
	margin:40px 0;
}
.fitem {
	display: flex;
	align-items: center;
	justify-content:space-evenly;
	border-radius: 40px;
	background-color: rgba(255,255,255,0.80);
	border:2px solid #ccc;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.hitem {
	width:200px;
	height:200px;
	margin:20px;
	padding:12px;
	background-color: rgba(255,255,255,0.85);
	border:3px solid #152C58;
}
.htop {
}
.secondr {
	padding-bottom: 50px;
	margin:20px auto;
	max-width:1200px;
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
}
.secondr a {
	font-size:2em;
	font-weight: bold;
	text-align:center;
}
.fg3 {width:69.9%; max-width:575px;}
.fg1 {width:29.9%; max-width:375px;}
.fg0 {width:75%; max-width:750px;margin:10px 0 40px 0;}
.htitle {
	display: block;
	font-family: 'Roboto', sans-serif;
	width:auto;
	margin:40px auto;
	font-size:5em;
	text-align: center;
	line-height: 1.2em;
	font-weight: bold;
	color:#033f83;
}
.join {height:200px}
.member {
	height:200px;
	padding:12px;
}
.atm {
	padding:22px;
	background-color: rgba(223, 238, 255,0.80);
}
.atm .htext {
	max-width:400px;
	font-size:2em;
	line-height:1.5em;
	color:#033f83!important;
}
.hlogo {
	background: url("../../../Images/SCU-Logo-blue.png") no-repeat center center;
	background-size: contain;
	width:190px;
	height:150px;
	margin:25px 0;
}
.htext {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	max-width:200px;
	font-size:3em;
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
	color:#033f83;
}
.hbtn {
	width:150px;
	padding:15px;
	border-radius: 12px;
	background-color: #033f83;
	border:1px solid #6282A0;
	text-align: center;
	color:#fff!important;
	font-size: 1.3em;
	font-weight: bold;
}
.hbtn a {
	color:#fff;
	font-size: 1.3em;
	font-weight: bold;
}
.hi4 {
	border-radius: 100%;
	background-size: cover;
	background-position: center;
}
.hi4:hover {opacity:0.9;}
.loan {background-image: url("../../../Images/Brook-Trout.jpg")}
.web {background-image: url("../../../Images/cardinal.jpg")}
.rates {background-image: url("../../../Images/rhododendron.jpg")}
.mortgage {background-image: url("../../../Images/sugar-maple.jpg")}
.ratepage {
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
}
.lrate, .srate {
	display: block;
	width:250px;
	height:100px;
	margin:20px;
	padding:0;
	border-radius: 14px;
	font-size: 2em;
	line-height: 90px;
	font-weight: bold;
	text-align: center;
	color:#152C58;
	background-color: rgba(223, 238, 255,1.00);
	border:3px solid #152C58;
}
.form-question {
	font-weight: bold;
	font-size: 14px;
	width:100%;
}

.form-answers table {
	border-collapse: collapse;
}

.form-answers table td {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

.form-answers .dnnFormRadioButtons {
	background-color: transparent;
	font-size: 14px;
	padding: 3px;
	margin: 0;
}
.att {
	font-weight:bold;
	padding:10px 50px;
	font-size:1.3em;
	line-height:2em;
	/*background-color: rgba(0,0,0,0.1);*/
	border-radius: 20px;
	margin:0px 0 20px 0;
}

.scubgcon {
	display: none;
	position:relative;
	opacity: .3;
}
.scubgimg {
	position: absolute;
	top:30px;
	left:20px;
}
.footerContent {
	color:#fff;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-around;
}
#mainContent-inner .row {background-color: #fff;}
.sprow {
	padding-top:30px;
	padding-bottom:30px;
	background-color:#dfeeff!important;
}
.footerContent strong {color:#fff;}
/** Rates Table **/
.loantable {
	max-width:950px;
	font-size: 1.2em;
	font-weight:400;
	margin:0 auto;
}
.loaneff {
	font-weight: 400;
	text-align:center;
	padding:10px;
	font-size:1.2em;
}
.loanTR {
	display: flex;
	flex-wrap: nowrap;
}
.loanTR .td33{min-width:100px;}
.scuTR {
	display: flex;
	flex-wrap: wrap;
}
.loansec {
	padding:4px 10px;
	font-size:1.2em;
	line-height: 1em;
	font-weight:bold;
	background-color:rgb(223, 238, 255);
}
.consec {
	color:rgba(158,0,2,1.00);
	font-weight: 400
}
.tdhead {
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	border-left: 1px solid rgba(255, 255, 255, 0.4)!important;
}
.loanTD {
	padding:8px 10px;
	margin:2px 0;
	overflow:wrap;
}
.td100 {
	width:100%;
}
.td66 {
	width:66.6%;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.td50 {
	width:50%;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.td33 {
	width:33.3%;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.empdir {max-width:300px;}
.scuTR .td33 {
	border-left: 0px;
}
.dirnum {text-align: right;}
.loanTR :first-child {
	border:none;
}
.products {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.phead {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	padding-bottom: 8px;
	border-bottom:1px solid rgba(95,95,95,1.00)
}
.proditem {
	width:250px;
	margin:10px;
	border-radius: 25px;
	padding:15px;
	font-size:1.2em;
	line-height:1.5em;
}
.textitem {
	margin:8px 0;
}
.ploans {background-color: rgba(223, 238, 255, 1.00)}
.psave {background-color: rgba(223, 238, 255,1.00)}
.pserv {background-color: rgba(223, 238, 255,1.00)}
.pacc {background-color: rgba(223, 238, 255,1.00)}
.dirlogout {
	margin-top:0px;
	text-align: right;
	float:right;
}
.edvid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.edvid div {
	margin:12px;
}

/* Largest devices such as desktops (1280px and down) */
@media only screen and (max-width: 1280px) {
	.wvpecutop {width:auto; flex-wrap:wrap;}
}

/* Large devices such as laptops (991px and down) */
@media only screen and (max-width: 991px) {
	.scuTR .td33 {width:50%;}
	.hlogo {display:none;}
	.homeitems {flex-wrap:wrap;}
	.fg3, .fg1 {width:100%;max-width:375px;}
}

/* Medium devices such as tablets (768px and down) */
@media only screen and (max-width: 768px) {
	.scuTR .td33 {width:100%;}
}

/* Small devices such as large phones (576px and down) */
@media only screen and (max-width: 576px) {
	.tophead {height:auto;}
	.wvpecutop {width:auto; flex-wrap:wrap;}
	.loanTD {padding:5px 8px;margin:2px 0;}
	.scuTR .td33 {width:100%;}
	.homeitems {flex-wrap:wrap;}
	.homeitemslower {margin:0 auto;}
	.fg3, .fg1 {width:100%;max-width:375px;}
	.join, .member {height:150px;}
	.firstr {margin:0;}
	.container {padding-right:0;padding-left:0;}
	.htitle {margin-bottom:0;}
	.hitem {margin:10px;}
	.secondr a {margin-bottom:30px;}
}